@charset "UTF-8";
//全局颜色变量
$blue: #4785f9; //主色调 蓝色
$lightblue: #a3c2fc; //浅蓝色
$green: #38c254; //绿色
$pink: #feabb5; //粉色

$black: #212022; //黑色文字
$gray: #83848e; //灰色文字
$lightgray: #b3b5b7; //浅灰色文字

$linecolor: #e3e8ee; //边框线条灰色

$mblue: #78AAFF; //深蓝背景
$bgblue: #f4f8ff; //蓝色背景色
$bggray: #f8f8f8; //灰色背景色
@mixin font($size) {
  font-size: $size;
  line-height: $size;
}

@mixin hover($speed) {
  -webkit-transition: all $speed cubic-bezier(.4, .5, .5, .4);
  transition: all $speed cubic-bezier(.4, .5, .5, .4);
}

@mixin background($imgSrc,$width: 100%,$height: 100%,$posX: 0,$posY: 0) {
  background-image: url($imgSrc);
  background-image: none \0
;
  background-repeat: no-repeat;
  background-position: $posX $posY;
  //当background-size是cover或contain时,第三个参数传''即可;如eg: @include background('images/logo.png',cover,'',center,top)
  @if $width == cover or $width == contain {
    background-size: $width;
  } @else {
    background-size: $width $height;
  }
  /*-For-IE8-*/
  filter: unquote("progid:DXImageTransform.Microsoft.AlphaImageLoader(src=") + $imgSrc + unquote(",sizingMethod=scale)");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+ $imgSrc +",sizingMethod=scale)";
}

@mixin text-ellipsis($width:100%) {
  width: $width;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
